.container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 36px 48px;
    box-sizing: border-box;

    .title {
        font-size: 48px;
        color: white;
        font-weight: bolder;
        background: linear-gradient(120deg, #ffc916, #c71533);
        padding: 32px 36px;
        clip-path: polygon(53% 6%, 76% 20%, 100% 4%, 100% 77%, 77% 90%, 52% 78%, 25% 80%, 0 100%, 0 31%, 24% 11%);
        border-radius: 12px;
        overflow: hidden;
        box-sizing: border-box;
        user-select: none;
    }

    .row {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 16px;
        flex-wrap: wrap;

        .generateButton {
            margin-left: 24px;
        }

        .sortButton {
            margin-left: 10px;
            margin-bottom: 16px;
        }

        .time {
            font-size: 20px;
            color: #982b2b;
            margin-left: 24px;
            font-weight: bold;
        }
    }

    .chartLayout {
        width: 100%;
        height: calc(100vh - 360px);
        margin-top: 12px;
        background-color: #1fcd3f20;
        border-radius: 6px;
    }
}